import Header from './Header';

const layoutStyle = {
  margin: 20,
  padding: 20,
  border: '1px solid #DDD'
};

/*const Layout = props => (
  <div style={layoutStyle}>
    <Header />
    {props.children}
  </div>
);
export default Layout;*/



/** Layout as a Higher Order Component*/
/*const withLayout = Page => {
  return () => (
    <div style={layoutStyle}>
      <Header />
      <Page />
    </div>
  );
};

export default withLayout;*/



/** Page content as a prop*/
const Layout = props => (
  <div style={layoutStyle}>
    <Header />
    {props.content}
  </div>
);

export default Layout;
